<!DOCTYPE html>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />
<link rel="stylesheet" href="../js/easyui/themes/icon.css" />

<!--引入jquery的ztree-->
<script type="text/javascript" src="../js/ztree/jquery.ztree.all-3.5.js"></script>
<link rel="stylesheet" href="../js/ztree/zTreeStyle.css" />
<html>

	<head>
		<meta charset="UTF-8">
		<title>消息窗口messager</title>
	</head>

	<script>
		$(function() {
			$("#btn").click(function() {
				/**
				 * icon: 形象的图标将显示。可用值是:error,question,info,warning.
				 */
				// 消息窗口
				// $.messager.alert("警告","请联系管理员！","warning");
				// 确认窗口
				//				$.messager.confirm('确认窗口', '您确定要退出这个系统吗?', function(r){
				//					if (r){ // exit action; 
				//						$.messager.alert("成功","退出系统！","info");
				//					}
				//					else{
				//						$.messager.alert("失败","没有退出系统！","error");
				//					}
				//				});
				// 输入窗口
				$.messager.prompt('输入窗口', '请输入您的名字:', function(r) {
					if(r) {
						alert('您的名字是:' + r);
					}
				});
			})

			// 气泡窗口
			$.messager.show({
				title: '气泡窗口',
				msg: '白菜大降价，窗口将在5秒后关闭.',
				showType: 'slide',//定义了如何将显示消息窗口。可用值: null,slide,fade,show. 默认为slide。
				timeout:5000
//				style: {
//					right: '',
//					top: document.body.scrollTop + document.documentElement.scrollTop,
//					bottom: ''
//				}
			});
			// 进度条
			$.messager.progress({
				title: "进度条窗口",
				msg: "正在进行数据查询，请稍后...",
				//text: "文本"
				interval: "1000"
			});
			// 定时器，在5秒后，关闭进度条
			window.setTimeout(function(){
				$.messager.progress('close');
			},5000);
		})
	</script>

	<body>
		<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">弹出窗口</a>
		
	</body>

</html>